<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>Journey through Space: A 3rd grade science learning module</title>
        <script src="scripts/SCORM_API_wrapper.js" language="javascript"></script>
        <script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
        <script src="scripts/scripts.js" language="javascript"></script>
        <link href="styles/styles.css" type="text/css" rel="stylesheet"/>
    </head>
    
    <body onload="javascript:visitEarth()">
        <div>
            <div>
                <table id="indextable">
                    <tr>
                        <td align="center"><img src="images/mercurytoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/venustoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/earthtoon.png" height="20px" width="20px"/></td>
                    </tr>
                        <td align="center"><img src="images/marstoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/suntoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/jupitertoon.png" height="20px" width="20px"/></td>
                    <tr>
                        <td align="center"><img src="images/saturntoon.png" height="20px" width="45px"/></td>
                        <td align="center"><img src="images/uranustoon.png" height="20px" width="30px"/></td>
                        <td align="center"><img src="images/neptunetoon.png" height="20px" width="20px"/></td>
                    </tr>
                </table>
            </div>
                            
            <div id="headerimage">
                <a name="top">
                <img src="images/header.jpg"
                    alt="image of module title - Journey through Space: a 3rd grade science learning module"
                    title="image of module title - Journey through Space: a 3rd grade science learning module"
                    width="82%"/>
                </a>
            </div>
        </div>
        
        <div id="nav">
            <div id="nav_wrapper">
                <ul>
                    <li><a class="show" href="welcome.html">Welcome!</a>
                    </li>
                    <li><a class="show" href="sun.html">The Sun</a>
                    </li>
                    <li><a class="show" href="#">Rocky Planets</a>
                        <ul>
                            <li><a class="show" href="terresterial.html">Rocky Planet Intro</a>
                            </li>
                            <li><a class="show" href="mercury.html">Mercury</a>
                            </li>
                            <li><a class="show" href="venus.html">Venus</a>
                            </li>
                            <li><span class="menu-link-inactive" class="show" href="earth.html">Earth</span>
                            </li>
                            <li><a class="show" href="mars.html">Mars</a>
                            </li>
                            <li><a class="hide" id="terresterialquizlink" href="terresterialquiz.html">Rocky Planets Quiz</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class="show" href="moon.html">The Moon</a>
                    </li>
                    <li><a class="show" href="asteroid.html">Asteroid Belt</a>
                    </li>
                    <li><a class="show" href="#">Gas Giants</a>
                        <ul>
                            <li><a class="show" href="gaseous.html">Gas Giants Intro</a>
                            </li>
                            <li><a class="show" href="jupiter.html">Jupiter</a>
                            </li>
                            <li><a class="show" href="saturn.html">Saturn</a>
                            </li>
                            <li><a class="show" href="uranus.html">Uranus</a>
                            </li>
                            <li><a class="show" href="neptune.html">Neptune</a>
                            </li>
                            <li><a class="hide" id="gaseousquizlink" href="gaseousquiz.html">Gas Giants Quiz</a>
                            </li>
                        </ul>
                    </li>
                    <li> <a class="hide" id="finalquizlink" href="endquiz.html">Final Quiz</a>
                    </li>
                    <li> <a class="hide" id="certificate" href="certificate.html">Certificate</a>
                    </li>
                </ul>
            </div>
            <!-- Nav wrapper end -->
        </div>
        <!-- Nav end -->
        
        <div>
            <article>
                <header>
                    <table align="center">
                        <tr>
                            <th><img src="images/boyastro.jpg" height="50px" width="50px"/></th>
                            <th><h1>Earth: The third planet from the Sun</h1></th>
                            <th><img src="images/girlastro.jpg" height="50px" width="50px"/></th>
                        </tr>
                    </table>
                </header>
                
                <aside>
                    <table>
                        <tr>
                            <img src="images/earth.jpg"
                                alt="Picture of Earth from space."
                                title="Picture of Earth from space."/>
                        </tr>
                        <tr>
                            <p>Earth is 4.5 billion years old and the only planet that is known to 
                                support human life.</p>
                        </tr> 
                        <tr>
                            <img src="images/earth2.jpg"
                                alt="Picture of Earth from the Moon taken by the Apollo 8 crew."
                                title="Picture of Earth from the Moon taken by the Apollo 8 crew."/>
                        </tr>
                        <tr>
                            <p>Picture of Earth from the Moon taken by the Apollo 8 crew.</p>
                        </tr> 
                    </table>
                </aside>
                
                <section>
                    <div class="center">
                        <img src="images/earthcomic.png"
                            alt="Introduction comic to the Earth page."
                            title="Introduction comic to the Earth page."/>
                        <br/>
                        <audio controls>
                            <source src="audio/earth.mp3" type="audio/mpeg">
                            <source src="audio/earth.ogg" type="audio/ogg">
                            <source src="audio/earth.wav" type="audio/wav">
                        </audio>
                    </div>
                    
                    <h3>Interesting Facts</h3>
                        <ul>
                        	<li>Earth is third planet from the Sun and the fifth largest planet in the 
                                solar system.</li>
                        	<li>It also has an inner iron core that creates a <em>magnetic field</em>. The 
                        	    gravitational pull makes it possible for humans to stay on Earth 
                        	    and not float away.</li>
                        	<li>Earth contains carbon, which is the base of life forms. The conditions 
                        	    on Earth make it <em>sustainable</em> for humans to survive like water, 
                        	    oxygen and climate.</li>
                     		<li>The atmosphere helps to block harmful <em>radiation</em> from the Sun. </li>
                      		<li>Pictures of Earth make it look like a perfect sphere, it actually 
                      		    bulges at the equator and is shaped in an <em>oblate spheroid</em>.</li>
                      		<li>Even through it is difficult to tell, the Moon is actually moving away from 
                      		    Earth by four cm every year.</li>
                      		<li>Earth’s rotation has slowed down. In fact, a billion years ago, the average 
                      		    day was only 20 hours long.</li>
                      	</ul>
                      
                    <h3>History between Earth and Humans</h3>  
                        <p>Humans have been on Earth for about 200,000 years. This has only been a short 
                            time compared to how long Earth has existed, 4.5 billion years. Earth is the 
                            only planet in our solar system that can support human life, yet our curiosity 
                            about the objects in the sky keeps us interested in exploring space more.</p>
                
                    <a href="#top">Back to top</a>
                </section>
            </article>
        </div>
        
        <div>
            <footer>
                <cite>All information was collected from 
                    <a href="http://www.wikipedia.org">Wikipedia</a>, 
                    <a href="http://www.nasa.gov">NASA</a>, 
                    Etsy - Pretty Grafik Design</a>, &amp Etsy - Paula Kim Studio</a>
                </cite>
            </footer>
        </div>
    </body>
</html>
